@charset "utf-8";
.main_right {
    padding: 0;
    float: right
}
.Pm {
    width: 754px;
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
    background: #f5f5f5;
    margin: 0 0 0 1px;
    line-height: 45px;
    padding: 0 20px 0 0
}
.Pm span {
    float: left;
    color: #999
}
.Pm span em {
    width: 14px;
    height: 15px;
    display: block;
    background: url(../../images/system/index-icons.png) -425px -240px no-repeat;
    float: left;
    margin: 14px 9px 0 23px
}
.Pm a {
    width: 65px;
    height: 25px;
    display: block;
    background: url(../../images/system/index-icons.png) -988px -143px no-repeat;
    float: right;
    line-height: 26px;
    text-align: center;
    color: #333;
    margin: 10px 0 0 10px
}
.Pm_user {
    width: 754px;
    background: #f5f5f5;
    margin: 0 0 0 1px;
    overflow: hidden;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #e5e5e5
}
.Pm_user p {
    width: 89px;
    height: 107px;
    background: #fff;
    float: left;
    display: inline;
    border: 1px solid #d6d6d6;
    margin: 0 15px 0 0;
    cursor: pointer;
    cursor: hand
}
.Pm_user p img {
    width: 79px;
    height: 97px;
    float: left;
    margin: 5px 0 0 5px
}
.Pm_user dl {
    width: 630px;
    float: left
}
.Pm_user dl dt {
    width: 630px;
    overflow: hidden
}
.Pm_user dl dt a {
    color: #e33d8f;
    font-weight: bold;
    font-size: 20px;
    font-family: "微软雅黑";
    float: left;
    margin: 0 9px 0 0
}
.Pm_user dl dt .icon {
    width: 300px;
    height: 24px;
    display: block;
    float: left;
    margin: 3px 0 0 0
}
.Pm_user dl dt .icon a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../../images/system/icons.png) no-repeat;
    float: left;
    margin: 0 7px 0 0;
    cursor: default
}
.Pm_user dl dt .icon .ic00 {
    background-position: -138px -238px
}
.Pm_user dl dt .icon .ic0000 {
    background-position: -104px -238px
}
.Pm_user dl dt .icon .ic01 {
    background-position: -138px -272px
}
.Pm_user dl dt .icon .ic0101 {
    background-position: -104px -272px
}
.Pm_user dl dt .icon .ic02 {
    background-position: -138px -0px
}
.Pm_user dl dt .icon .ic0202 {
    background-position: -104px -0px
}
.Pm_user dl dt .icon .ic03 {
    background-position: -138px -68px
}
.Pm_user dl dt .icon .ic0303 {
    background-position: -104px -68px
}
.Pm_user dl dt .icon .ic04 {
    background-position: -138px -136px
}
.Pm_user dl dt .icon .ic0404 {
    background-position: -104px -136px
}
.Pm_user dl dt .icon .ic05 {
    background-position: -138px -204px
}
.Pm_user dl dt .icon .ic0505 {
    background-position: -104px -204px
}
.Pm_user dl dt .icon .ic06 {
    background-position: -138px -170px
}
.Pm_user dl dt .icon .ic0606 {
    background-position: -104px -170px
}
.Pm_user dl dt .icon .ic07 {
    background-position: -138px -34px
}
.Pm_user dl dt .icon .ic0707 {
    background-position: -138px -34px
}
.Pm_user dl dd {
    width: 630px;
    color: #333;
    overflow: hidden
}
.Pm_user dl .dd_info {
    margin: 8px 0
}
.Pm_user dl dd font {
    width: 130px;
    _width: 140px;
    height: 16px;
    display: block;
    line-height: 18px
}
.Pm_user dl dd font em {
    width: 11px;
    height: 16px;
    display: block;
    background: url(../../images/system/index-icons.png) -424px -74px no-repeat;
    float: left;
    margin: 0 5px 0 0;
    _margin: -1px 5px 0 0
}
.Pm_user dl dd font a {
    text-decoration: underline;
    color: #5379bf;
    line-height: normal;
    margin: 2px 0 0 0;
    _margin: -17px 0 0 0
}
.Pm_user dl dd a {
    color: #999;
    float: right;
    margin: 22px 0 0 0
}
.Pm_user dl dd span {
    color: #999;
    float: right;
    margin: 22px 5px 0
}
.Pm_user dl dd strong {
    width: 82px;
    height: 26px;
    float: left;
    margin: 10px 0 0 0
}
.Pm_user dl dd strong a {
    margin: 0
}
.Pm_user dl dd strong .gz {
    width: 82px;
    height: 26px;
    display: block;
    background: url(../../images/system/index-icons.png) -748px -570px no-repeat
}
.Pm_user dl dd strong .gz_out {
    width: 82px;
    height: 26px;
    display: block;
    background: url(../../images/system/index-icons.png) -748px -597px no-repeat
}
.mail_info {
    height: auto
}
.Pm_info {
    width: 756px;
    padding: 0 0 20px 20px;
    cursor: default;
    overflow: hidden
}
.Pm_info .first {
    width: 736px;
    margin: 25px 0 30px 0;
    float: left
}
.Pm_info .first dt {
    width: 736px;
    overflow: hidden
}
.Pm_info .first dt font {
    color: #f265aa;
    margin: 0 8px 0 0;
    font-size: 12px;
    float: left
}
.Pm_info .first dt span {
    color: #999;
    float: left
}
.Pm_info .first dd {
    float: left
}
.Pm_info .first dd {
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 21px
}
.Pm_info .first dd font {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
    float: none;
    color: #7bb1b3
}
.Pm_info .first dd font strong {
    font-size: 14px;
    margin: 0;
    color: #7bb1b3;
    font-weight: normal
}
.Pm_info .girl {
    width: 736px;
    margin: 25px 0 30px 0;
    float: left
}
.Pm_info .girl dt {
    width: 736px;
    overflow: hidden
}
.Pm_info .girl dt font {
    color: #f265aa;
    margin: 0 8px 0 0;
    font-size: 12px;
    float: left
}
.Pm_info .girl dt span {
    color: #999;
    float: left
}
.Pm_info .girl dt a {
    float: right;
    margin-right: 10px;
    color: #999;
}
.Pm_info .girl dd {
    float: left
}
.Pm_info .girl dd {
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 21px
}
.Pm_info .girl dd font {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    float: none;
    color: #7bb1b3
}
.Pm_info .girl dd font strong {
    font-size: 12px;
    margin: 0;
    color: #7bb1b3;
    font-weight: normal
}
.Pm_info .boy {
    width: 736px;
    margin: 25px 0 30px 0;
    float: left
}
.Pm_info .boy dt {
    width: 736px;
    overflow: hidden
}
.Pm_info .boy dt font {
    color: #f265aa;
    margin: 0 8px 0 0;
    font-size: 12px;
    float: left
}
.Pm_info .boy dt span {
    color: #999;
    float: left
}
.Pm_info .boy dd {
    float: left
}
.Pm_info .boy dd {
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 21px
}
.Pm_info .boy dd font {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
    float: none;
    color: #7bb1b3
}
.Pm_info .boy dd font strong {
    font-size: 14px;
    margin: 0;
    color: #7bb1b3;
    font-weight: normal
}
.more_btn {
    width: 756px;
    overflow: hidden
}
.more_btn a {
    width: 90px;
    height: 16px;
    line-height: 16px;
    display: block;
    background: url(../../images/system/more.gif) 76px 2px no-repeat;
    text-decoration: underline
}
.more_btn a:hover {
    color: #5479bd
}
.more_btn .a_out {
    background-position: 77px -13px;
    text-decoration: none
}
.more_info {
    width: 714px;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    background: #f9f9f9;
    margin: 9px 0 0 0;
    padding: 0 0 0 20px;
    outline-bottom: 1px solid #ececec;
    overflow: hidden
}
.more_info .boy, .more_info .girl {
    width: 694px;
    overflow: hidden;
    margin: 20px 0 0 0;
    border-bottom: 1px dotted #ccc
}
.more_info .boy dt, .more_info .girl dt {
    width: 694px;
    overflow: hidden
}
.more_info .boy dt font, .more_info .girl dt font {
    color: #1aa4c0;
    margin: 0 8px 0 0;
    font-size: 12px;
    float: left
}
.more_info .boy dt span, .more_info .girl dt span {
    color: #999;
    float: left
}
.more_info .boy dd, .more_info .girl dd {
    width: 694px;
    overflow: hidden;
    padding: 13px 0 18px 0;
    font-size: 12px;
    line-height: 23px
}
.more_info .boy dd font, .more_info .girl dd font {
    color: #7bb1b3;
    font-size: 12px;
    margin: 0;
    float: none;
    font-weight: normal
}
.more_info dl dd font .showHN, .more_info dl dd font .showFi {
    cursor: pointer;
    cursor: hand
}
.more_info .boy dd font strong, .more_info .girl font strong {
    font-weight: normal;
    color: #7bb1b3;
    font-size: 12px;
    margin: 0
}
.more_info .girl dt font {
    color: #f265aa
}
.more_info .last {
    border: 0
}
.more_info p {
    width: 694px;
    text-align: center;
    padding: 15px 0 20px 0;
    overflow: hidden
}
.more_info p font {
    color: #f265aa;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin: 0
}
.more_info p a {
    text-decoration: underline
}
.more_bottom {
    width: 736px;
    height: 3px;
    overflow: hidden;
    background: url(../../images/system/more_bottom.gif) no-repeat
}
.send, .send_btn {
    width: 776px;
    height: 240px;
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    float: left;
    position: relative
}
.send_btn {
    height: 135px
}
.send_btn .talk {
    width: 288px;
    height: 52px;
    margin: 37px auto;
    display: block;
    background: url(../../images/system/msg-btn.png) no-repeat
}
.send_btn .talk:hover {
    background-position: 0 -52px
}
.send_step3 .talk {
    width: 288px;
    height: 52px;
    margin: 37px auto;
    display: block;
    background: url(../../images/system/msg-btn.png) 0 -104px no-repeat
}
.send_step3 .talk:hover {
    background-position: 0 -156px
}
.send_step3 .talk_out, .send_step3 .talk_out:hover {
    width: 288px;
    height: 52px;
    margin: 37px auto;
    display: block;
    background: url(../../images/system/msg-btn.png) 0 -208px no-repeat;
    cursor: default
}
.reply {
    width: 748px;
    height: 45px;
    margin: 0 0 0 28px;
    text-align: justify
}
.reply span {
    height: 45px;
    display: block;
    float: left;
    background: url(../../images/system/bq_s.jpg) 0 13px no-repeat;
    padding: 0 0 0 21px;
    color: #9a9a9a;
    cursor: pointer;
    cursor: hand;
    line-height: 45px
}
.reply .answer {
    margin: 0 0 0 10px;
    background: url(../../images/system/reply.jpg) 0 13px no-repeat
}
.brow {
    width: 430px;
    height: 213px;
    border: 1px solid #dbdbdb;
    position: absolute;
    top: -210px;
    left: 28px;
    background: #fff;
    display: none
}
.brow .p_list {
    width: 420px;
    height: 28px;
    background: url(../../images/system/browbg.jpg) repeat-x;
    padding: 0 0 0 10px
}
.brow .p_list span {
    width: 59px;
    height: 28px;
    line-height: 28px;
    display: block;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #fff;
    float: left;
    text-align: center
}
.bq_list {
    width: 411px;
    _width: 410px;
    height: 165px;
    background: #f4e1e7;
    display: inline;
    overflow: hidden;
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
    _padding: 0 0 0 1px
}
.bq_Item {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background: #f4f4f4 url(../../images/system/bq.png) 2px 3px no-repeat;
    margin: 1px 0 0 1px;
    _margin: 1px 1px 0 0
}
.bq_Item:hover {
    background: #6994d9 url(../../images/system/bq.png) 2px 3px no-repeat
}
.bq_list span {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background: #f4f4f4;
    margin: 1px 0 0 1px;
    _margin: 1px 1px 0 0
}
.bq_02, .bq_02:hover {
    background-position: -43px 3px
}
.bq_03, .bq_03:hover {
    background-position: -87px 3px
}
.bq_04, .bq_04:hover {
    background-position: -132px 3px
}
.bq_05, .bq_05:hover {
    background-position: -177px 3px
}
.bq_06, .bq_06:hover {
    background-position: -222px 3px
}
.bq_07, .bq_07:hover {
    background-position: -267px 3px
}
.bq_08, .bq_08:hover {
    background-position: -312px 3px
}
.bq_09, .bq_09:hover {
    background-position: -358px 3px
}
.bq_10, .bq_10:hover {
    background-position: -402px 3px
}
.bq_11, .bq_11:hover {
    background-position: -448px 3px
}
.bq_12, .bq_12:hover {
    background-position: -493px 3px
}
.bq_13, .bq_13:hover {
    background-position: -538px 3px
}
.bq_14, .bq_14:hover {
    background-position: -583px 3px
}
.bq_15, .bq_15:hover {
    background-position: -628px 3px
}
.bq_16, .bq_16:hover {
    background-position: -673px 3px
}
.bq_17, .bq_17:hover {
    background-position: -718px 3px
}
.bq_18, .bq_18:hover {
    background-position: -762px 3px
}
.bq_19, .bq_19:hover {
    background-position: -807px 3px
}
.bq_20, .bq_20:hover {
    background-position: -852px 3px
}
.bq_21, .bq_21:hover {
    background-position: -898px 3px
}
.bq_22, .bq_22:hover {
    background-position: -942px 3px
}
.bq_23, .bq_23:hover {
    background-position: -988px 3px
}
.bq_24, .bq_24:hover {
    background-position: -1031px 3px
}
.bq_25, .bq_25:hover {
    background-position: -1078px 3px
}
.bq_26, .bq_26:hover {
    background-position: -1123px 3px
}
.bq_27, .bq_27:hover {
    background-position: -1167px 3px
}
.bq_28, .bq_28:hover {
    background-position: -1212px 3px
}
.bq_29, .bq_29:hover {
    background-position: -1258px 3px
}
.bq_30, .bq_30:hover {
    background-position: -1302px 3px
}
.bq_31, .bq_31:hover {
    background-position: -1347px 3px
}
.bq_32, .bq_32:hover {
    background-position: -1393px 3px
}
.bq_33, .bq_33:hover {
    background-position: -1438px 3px
}
.bq_34, .bq_34:hover {
    background-position: -1483px 3px
}
.bq_35, .bq_35:hover {
    background-position: -1527px 3px
}
.bq_36, .bq_36:hover {
    background-position: -1572px 3px
}
.bq_37, .bq_37:hover {
    background-position: -1617px 3px
}
.bq_38, .bq_38:hover {
    background-position: -1694px 3px
}
.shortcut {
    width: 430px;
    height: 146px;
    border: 1px solid #dbdbdb;
    position: absolute;
    top: -143px;
    left: 83px;
    background: #fff;
    display: none
}
.shortcut .p_list {
    width: 420px;
    height: 28px;
    background: url(../../images/system/browbg.jpg) repeat-x;
    padding: 0 0 0 10px
}
.shortcut .p_list span {
    width: 80px;
    height: 28px;
    line-height: 28px;
    display: block;
    float: left;
    background: 0;
    cursor: pointer;
    cursor: hand;
    text-align: center
}
.shortcut .p_list .on_span {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #fff;
    cursor: default
}
.short_info {
    width: 411px;
    height: 97px;
    background: #faf4f4
}
.short_info {
    width: 411px;
    border: 1px solid #f6dfe7;
    border-bottom: 0;
    text-align: justify;
    margin: 10px 0 0 9px
}
.short_info ul li {
    width: 411px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f6dfe7
}
.short_info ul li:hover {
    background: #f7e9e9
}
.short_info ul li span {
    margin: 0 0 0 12px
}
.short_info ul li a {
    float: right;
    line-height: normal;
    margin: 9px 12px 0 0;
    _margin: -22px 12px 0 0;
    color: #f64988;
    line-height: normal
}
.short_info ul li a:hover {
    text-decoration: underline
}
.send_info {
    width: 720px;
    height: 100px;
    border: 1px solid #c5c5c5;
    background: #fff;
    float: left;
    text-align: justify;
    padding: 15px 0 0 15px;
    font-size: 12px;
    color: #999;
    margin: 0 0 0 20px;
    _margin: 0 0 0 10px
}
.send .send_btn {
    width: 756px;
    overflow: hidden;
    float: left;
    height: auto;
    border: 0
}
.send_btn font {
    float: left;
    color: #999;
    margin: 15px 0 0 20px
}
.send_btn font span {
    font-family: sans-serif
}
.send_btn .send_a {
    width: 128px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: url(../../images/system/index-icons.png) -614px 0 no-repeat;
    display: block;
    float: right;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 0 0
}
.send_btn .send_a:hover {
    background-position: -614px -46px
}
.groom {
    width: 508px;
    height: 80px;
    background: #ffffeb;
    border: 1px solid #f0e0c7;
    margin: 15px 0 0 0
}
.groom_info {
    width: 140px;
    float: left;
    margin: 10px 19px 0 10px
}
.groom_info p {
    width: 50px;
    height: 61px;
    float: left;
    display: inline;
    margin: 0 10px 0 0
}
.groom_info font {
    float: left
}
.groom_info font a {
    color: #4186bd;
    font-weight: bold
}
.groom_info span {
    float: left;
    color: #979994
}
.groom_info .look {
    width: 56px;
    height: 15px;
    color: #fff;
    border: 1px solid #d94a7f;
    background: #fa639a;
    float: left;
    text-align: center;
    line-height: 15px;
    display: block;
    margin: 4px 0 0 0
}
.fraud {
    width: 656px;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #fbd0a5;
    border-bottom: 1px solid #fbd0a5;
    position: absolute;
    top: -30px;
    left: 2px;
    background: #feffd3
}
.fraud font {
    float: left;
    color: #ff6565;
    margin: 0 0 0 18px
}
.fraud input {
    float: left;
    margin: 8px 5px 0 30px
}
.fraud span {
    float: left;
    color: #666
}
.fraud a {
    width: 10px;
    height: 10px;
    display: block;
    float: right;
    background: url(../../images/system/icons.png) -489px -110px no-repeat;
    margin: 10px 25px 0 0
}
.safe_Remind {
    width: 575px;
    margin: 8px 0 0 0
}
.safe_info {
    width: 460px;
    height: 24px;
    line-height: 25px;
    background: #ffffd6 url(../../images/system/dot_safe.jpg) 10px 6px no-repeat;
    border: 1px solid #fbd0a5;
    padding: 0 0 0 28px;
    color: #999
}
.safe_info font {
    color: #666
}
.safe_info a {
    text-decoration: underline;
    color: #5187c5
}
.write {
    width: 590px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -195px 0 0 -275px
}
.write_w {
    height: 296px
}
.write h2 {
    width: 590px;
    height: 42px;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fad0da;
    background: #fee8eb
}
.write h2 span {
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #fd788b;
    display: inline;
    float: left;
    margin: 0 0 0 16px
}
.write h2 a {
    width: 14px;
    height: 13px;
    display: block;
    background: url(../../images/system/closed.jpg) no-repeat;
    float: right;
    margin: 15px 15px 0 0
}
.write .write_info {
    width: 590px;
    height: 300px;
    background: #fff;
    text-align: justify;
    padding: 56px 0 0 0
}
.write .per {
    width: 588px;
    height: 8px;
    border: 1px solid #dddddb;
    border-top: 0;
    background: #f6f6f6;
    position: relative
}
.write .per .per_info {
    width: 58px;
    height: 8px;
    background: #48a2f0
}
.write .per .per_number {
    width: 64px;
    height: 23px;
    background: url(../../images/system/per_bg.jpg) no-repeat;
    display: block;
    position: absolute;
    top: 12px;
    left: 27px;
    line-height: 25px
}
.write .per .per_number font {
    font-family: sans-serif
}
.write .write_info p {
    width: 160px;
    height: 39px;
    line-height: 39px;
    float: left;
    display: inline;
    margin: 0 0 0 30px
}
.write .write_info .ages {
    width: 340px
}
.write .write_info .ages select {
    margin: 10px 8px 0 0
}
.write .write_info p label {
    width: 70px;
    float: left;
    text-align: right;
    font-size: 14px
}
.write .write_info p input {
    width: 67px;
    height: 20px;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
    font-size: 14px
}
.write .write_info p select {
    width: 74px;
    float: left;
    padding: 0 0 0 5px;
    margin: 10px 0 0 0;
    font-size: 14px;
    border: 1px solid #ccc
}
.write .write_info p .fontColor {
    color: #ff5e5e
}
.write .write_info p select option {
    padding: 0 0 0 5px
}
.write .write_info .sure {
    width: 590px;
    margin: 37px 0 0 0;
    float: left;
    border-top: 1px solid #e6e6e6;
    padding: 15px 0 0 0
}
.write .write_info .sure a {
    width: 114px;
    height: 38px;
    background: url(../../images/system/index-icons.png) -628px -278px no-repeat;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}
.write .write_info .surea:hover {
    background-position: -628px -316px
}
.write .write_info p .space_L {
    letter-spacing: 1px
}
.write .write_info .expand {
    width: 280px;
    height: 52px;
    line-height: 52px;
    margin: 0 0 0 10px
}
.write .write_info .expand label {
    width: 145px
}
.write .write_info .expand select {
    margin: 18px 0 0 0
}
.write .per .per_info01 {
    width: 294px
}
.write .per .per_number01 {
    left: 263px
}
.write .per .per_info02 {
    width: 474px
}
.write .per .per_number02 {
    left: 444px
}
.write .write_info .succee {
    width: 270px;
    margin: 58px auto;
    font-size: 14px;
    font-weight: bold;
    color: #4a9717;
    float: none;
    display: block
}
.write .write_info .succee img {
    margin: 0 10px 0 0;
    vertical-align: middle
}
.write .write_info .succee font {
    font-family: sans-serif;
    font-size: 14px
}
.layer .layer_info .container .sure {
    width: 438px
}
.layer .layer_info .container {
    background: #fff
}
.tip_info {
    width: 468px
}
.tip_info ul {
    width: 400px;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0 0 0
}
.tip_info ul li {
    width: 400px;
    margin: 15px 0 0 0
}
.tip_info ul li label {
    width: 70px;
    float: left;
    text-align: right
}
.tip_info ul li span {
    width: 97px;
    height: 24px;
    border: 1px solid #d2d2d2;
    display: block;
    text-align: center;
    line-height: 24px;
    float: left;
    cursor: pointer;
    cursor: hand;
    margin: 0 10px 10px 0
}
.tip_info ul li .span_select {
    background: #e8f2f3
}
.tip_info ul .tip_li label {
    height: 50px;
    margin: 1px 0 0 0
}
.tip_info ul li textarea {
    width: 309px;
    height: 73px;
    border: 1px solid #d2d2d2;
    padding: 6px 0 0 6px
}
.layer_info .sure {
    width: 438px;
    border-top: 1px solid #e4e4e4;
    margin: 40px auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_info .sure a {
    width: 114px;
    height: 38px;
    background: url(../../images/system/index-icons.png) -628px -278px no-repeat;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}
.layer_info .sure a:hover {
    background-position: -628px -316px
}
.love_ld {
    width: 468px;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 18px;
    display: block;
    margin: 20px 0
}
.love_ld font {
    font-family: "微软雅黑";
    color: #fd434e;
    font-size: 18px
}
.shop_list {
    width: 398px;
    height: 148px;
    border: 1px solid #d9d9d9;
    background: #fffee7;
    margin: 0 auto 25px
}
.shop_list p {
    width: 112px;
    height: 113px;
    float: left;
    margin: 19px 0 0 18px;
    display: inline
}
.shop_list p a {
    width: 112px;
    height: 113px;
    display: block;
    background: url(../../images/system/shop.jpg) no-repeat
}
.shop_list p .best {
    background-position: 0 -114px
}
.shop_list p .lover {
    background-position: 0 -231px
}
.shop_list p .mail {
    background-position: 0 -346px
}
.shop_list dl {
    width: 245px;
    text-align: justify;
    float: left;
    margin: 22px 0 0 12px
}
.shop_list dl dt {
    width: 245px;
    float: left
}
.shop_list dl dt a {
    font-size: 14px;
    font-weight: bold;
    color: #fe454d
}
.shop_list dl dt font {
    color: #fe454d;
    margin: 0 0 0 10px
}
.shop_list dl dd {
    width: 245px;
    height: 47px;
    float: left;
    margin: 4px 0 0 0
}
.shop_list dl .dd_str {
    line-height: 21px;
    color: #9a9a9c
}
.shop_list dl dd a {
    width: 114px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    display: block;
    background: url(../../images/system/index-icons.png) -628px -278px no-repeat;
    float: left;
    margin: 0 8px 0 0
}
.shop_list dl dd a:hover {
    background-position: -628px -316px
}
.shop_list dl dd .buy, .shop_list dl dd .buy:hover {
    background-position: 0 -156px;
    cursor: default
}
.layer_info .serve {
    width: 420px;
    margin: 0 0 0 28px;
    overflow: hidden
}
.layer_info .serve dl {
    line-height: 28px;
    padding: 25px 0 0 0
}
.layer_info .serve dl dt {
    font-size: 14px
}
.layer_info .serve dl dt font {
    color: #fd444a;
    margin: 0 5px;
    font-size: 14px;
    font-weight: bold
}
.layer_info .serve dl dt span {
    color: #4db518;
    margin: 0 5px;
    font-size: 14px;
    font-weight: bold
}
.layer_info .serve dl dd {
    color: #999
}
.layer_info .serve .no_data {
    padding: 40px 0 0 0
}
.layer_info .serve .no_data em {
    font-style: normal;
    margin: 0 0 0 25px
}
.QQwarn {
    width: 113px;
    height: 178px;
    position: absolute;
    top: 17px;
    right: -120px
}
.QQwarn .warn {
    width: 113px;
    height: 178px;
    background: url(../../images/system/tixing-img_03.png) no-repeat;
    display: block
}
.QQwarn .closed {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}
.QQwarn .warn02 {
    width: 113px;
    height: 178px;
    background: url(../../images/system/tixing-img_04.png) no-repeat;
    display: block
}
.layer_zf {
    width: 690px;
    margin: -210px 0 0 -345px
}
.layer_zf .layer_info, .layer_zf .layer_info h2 {
    width: 678px
}
.layer_zf .layer_info .zf_list {
    width: 678px;
    height: 360px;
    background: #fff
}
.layer_zf .layer_info .zf_list p {
    height: 76px;
    line-height: 76px;
    font-family: "微软雅黑";
    font-size: 16px;
    text-align: center;
    color: #333
}
.layer_zf .layer_info .zf_list p font {
    color: #fe768a;
    font-family: "微软雅黑";
    font-size: 16px
}
.layer_zf .layer_info .zf_list a {
    width: 201px;
    height: 261px;
    display: block;
    background: url(../../images/system/zftc/tc_zf.jpg) no-repeat;
    float: left
}
.layer_zf .layer_info .zf_list .zf_198 {
    background-position: 0 0;
    margin: 0 0 0 24px;
    _margin: 0 0 0 12px
}
.layer_zf .layer_info .zf_list .zf_100 {
    background-position: 0 -261px;
    margin: 0 0 0 15px
}
.layer_zf .layer_info .zf_list .zf_50 {
    background-position: 0 -522px;
    margin: 0 0 0 15px
}
.tclj {
    width: 678px;
    margin: -220px 0 0 -339px
}
.tclj .layer_info, .tclj .layer_info h2 {
    width: 678px
}
.tclj .layer_info .mail_nav {
    width: 678px;
    margin: 30px 0 0 0;
    overflow: hidden
}
.tclj .layer_info .mail_nav img {
    float: left;
    margin: 0 0 0 99px
}
.tclj .layer_info .mail_nav span {
    width: 425px;
    height: 46px;
    display: block;
    float: left;
    background: #f986bf url(../../images/system/zflj_bg.jpg) no-repeat;
    padding: 0 0 0 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    margin: 0 0 0 5px
}
.tclj .layer_info .zflj_info {
    width: 678px;
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
    overflow: hidden
}
.tclj .layer_info .zflj_info a {
    width: 201px;
    height: 261px;
    float: left;
    display: block;
    background: url(../../images/system/new198.jpg) no-repeat;
    margin: 0 0 0 15px
}
.tclj .layer_info .zflj_info .zf02 {
    background-position: 0 -261px
}
.tclj .layer_info .zflj_info .zf03 {
    background-position: 0 -522px
}
.intercept {
    width: 662px;
    height: 380px;
    background: url(../../images/system/bg_popup.jpg) no-repeat;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 50%;
    margin: -190px 0 0 -331px;
    _margin: -360px 0 0 -331px
}
.intercept .pro {
    width: 625px;
    padding: 38px 0 0 38px;
    overflow: hidden;
    position: relative
}
.intercept .pro dt {
    width: 64px;
    height: 64px;
    padding: 2px;
    float: left
}
.intercept .pro dd {
    width: 530px;
    float: right;
    padding: 2px 0 0 22px
}
.intercept .pro dd p a {
    display: block;
    height: 20px;
    font-size: 12px;
    color: #333331
}
.intercept .pro dd p a .gray {
    color: #999;
    margin: 0 0 0 12px
}
.intercept .pro dd a.relt {
    display: block;
    height: 50px;
    font-size: 18px;
    color: #1d58a8;
    font-family: "微软雅黑";
    padding: 10px 0 0 0;
    background: url(../../images/system/trch.jpg) 190px bottom no-repeat
}
.intercept .pro dd .close {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 27px;
    top: 24px
}
.intercept .unsual {
    width: 570px;
    height: 209px;
    margin: 16px auto
}
.intercept .unsual a {
    display: block;
    width: 170px;
    height: 200px;
    margin: 0 30px 0 0;
    float: left
}
.intercept .unsual a.no_margin {
    margin: 0
}
.bb_intercept {
    width: 662px;
    height: 380px;
    background: url(../../images/system/new_pay/bb_bg.png) no-repeat;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 50%;
    margin: -190px 0 0 -331px
}
.bb_intercept .bb_pro {
    width: 618px;
    padding: 48px 0 0 34px;
    overflow: hidden;
    position: relative
}
.bb_intercept .bb_pro dt {
    width: 64px;
    height: 64px;
    padding: 2px;
    float: left
}
.bb_intercept .bb_pro dd {
    width: 526px;
    float: right;
    padding: 2px 0 0 22px
}
.bb_intercept .bb_pro dd p a {
    display: block;
    height: 20px;
    font-size: 12px;
    color: #333331
}
.bb_intercept .bb_pro dd p a .gray {
    color: #999;
    margin: 0 0 0 12px
}
.bb_intercept .bb_pro dd a.relt {
    display: block;
    height: 50px;
    font-size: 12px;
    color: #1d58a8;
    padding: 10px 0 0 0;
    font-weight: 600
}
.bb_intercept .bb_pro dd .close {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 24px;
    top: 20px
}
.bb_intercept .bb_unsual {
    width: 588px;
    height: 209px;
    margin: 4px auto 0
}
.bb_intercept .bb_unsual a {
    display: block;
    width: 170px;
    height: 200px;
    margin: 0 30px 0 0;
    float: left
}
.bb_intercept .bb_unsual a.center {
    margin: -3px 30px 0 0
}
.bb_intercept .bb_unsual a.no_margin {
    margin: 0
}
.yy_reply {
    width: 776px;
    border-top: 1px solid #e5e5e5
}
.yy_reply ul {
    width: 734px;
    overflow: hidden;
    padding: 10px 0 10px 42px
}
.yy_reply ul li {
    width: 146px;
    height: 30px;
    line-height: 30px;
    float: left;
    cursor: pointer;
    cursor: hand
}
.yy_reply ul li input, .yy_reply ul li label {
    float: left;
    cursor: pointer;
    cursor: hand
}
.yy_reply ul li input {
    margin: 8px 5px 0 0
}
.yy_reply .send_reply {
    width: 758px;
    overflow: hidden;
    padding-bottom: 90px
}
.yy_reply .send_reply a {
    width: 128px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: url(../../images/system/index-icons.png) -614px 0 no-repeat;
    display: block;
    float: right;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 0 0
}
.yy_reply .send_reply a:hover {
    background-position: -614px -46px
}